<!DOCTYPE html>
<html  lang="zh" xmlns:th="http://www.thymeleaf.org">
<head th:replace="include :: header('DEV开发者社区')"></head>
<body>
<div th:replace="include :: top"></div>

<div class="layui-container fly-marginTop fly-user-main">
  <ul th:replace="include :: userTab('index')"></ul>
  <div class="site-tree-mobile layui-hide">
    <i class="layui-icon">&#xe602;</i>
  </div>
  <div class="site-mobile-shade"></div>
  
  <div class="site-tree-mobile layui-hide">
    <i class="layui-icon">&#xe602;</i>
  </div>
  <div class="site-mobile-shade"></div>
  
  
  <div class="fly-panel fly-panel-user" pad20 style="padding-top:20px;">
    <!--
    <div class="fly-msg" style="margin-top: 15px;">
      您的邮箱尚未验证，这比较影响您的帐号安全，<a href="activate.html">立即去激活？</a>
    </div>
    -->
    <div class="fly-msg" style="margin-bottom: 20px;">Hi，[[${user.nickname}]]，你已是我们的正式社员。</div>
			<div class="layui-row layui-col-space20">
				<div class="layui-col-md6">
					<div class="fly-panel fly-panel-border">
						<div class="fly-panel-title">我的会员信息</div>
						<div class="fly-panel-main layui-text" style="padding: 18px 15px; height: 50px; line-height: 26px;">
							<!-- <p>
								您的财富经验值：<span style="padding-right: 20px; color: #FF5722;">￥0</span>您当前为：非
								VIP
							</p> -->
							<p>
								您拥有社区飞吻：
								<span style="color: #FF7200; padding-right: 5px;">[[${user.kiss}]] 飞吻</span>
								<a href="#" target="_blank" class="layui-btn layui-btn-warm layui-btn-xs">充值</a>
							</p>
						</div>
					</div>
				</div>
				<div class="layui-col-md6">
					<div class="fly-panel fly-signin fly-panel-border">
						<div class="fly-panel-title">
							签到 <i class="fly-mid"></i> 
							<a href="javascript:;" class="fly-link" id="LAY_signinHelp">说明</a> <i class="fly-mid"></i>
							<a href="javascript:;" class="fly-link" id="LAY_signinTop">活跃榜<span class="layui-badge-dot"></span></a>
							<span class="fly-signin-days">已连续签到<cite th:text="${sign.days}">0</cite>天</span>
						</div>
						<div class="fly-panel-main fly-signin-main">
							<th:block th:switch="${sign.signed}">
					          	<th:block th:case="false">
						          <button class="layui-btn layui-btn-danger" id="LAY_signin">今日签到</button>
						          <span>可获得<cite th:text="${sign.kiss}"></cite>飞吻</span>
					          	</th:block>
					          	<th:block th:case="true">
						          <button class="layui-btn layui-btn-disabled">今日已签到</button><span>获得了<cite th:text="${sign.kiss}">0</cite>飞吻</span>
					          	</th:block>
					        </th:block>
						</div>
					</div>
				</div>
				<div class="layui-col-md12" style="margin-top: -20px;">
					<div class="fly-panel fly-panel-border">
						<div class="fly-panel-title">快捷方式</div>
						<div class="fly-panel-main">
							<ul class="layui-row layui-col-space10 fly-shortcut">
								<li class="layui-col-sm3 layui-col-xs4">
									<a href="/safe/user/setting"><i class="layui-icon">&#xe716;</i><cite>修改信息</cite></a>
								</li>
								<li class="layui-col-sm3 layui-col-xs4">
									<a href="/safe/user/setting#avatar"><i class="layui-icon">&#xe6af;</i><cite>修改头像</cite></a>
								</li>
								<li class="layui-col-sm3 layui-col-xs4">
									<a href="/safe/user/setting/#pass"><i class="layui-icon">&#xe607;</i><cite>修改密码</cite></a>
								</li>
								<li class="layui-col-sm3 layui-col-xs4">
									<a href="/safe/user/setting/#bind"><i class="layui-icon">&#xe770;</i><cite>帐号绑定</cite></a>
								</li>
								<li class="layui-col-sm3 layui-col-xs4">
									<a href="/safe/article/add"><i class="layui-icon">&#xe61f;</i> <cite>发表新帖</cite></a>
								</li>
								<li class="layui-col-sm3 layui-col-xs4">
									<a href="/article/share"><i class="layui-icon">&#xe705;</i><cite>查看分享</cite></a>
								</li>
								<li class="layui-col-sm3 layui-col-xs4 LAY_search">
									<a href="javascript:layer.msg('暂未开放');"><i class="layui-icon">&#xe615;</i><cite>搜索资源</cite></a>
								</li>
								<li class="layui-col-sm3 layui-col-xs4">
									<a href="/safe/user/post/#collection"><i class="layui-icon">&#xe600;</i><cite>我的收藏</cite></a>
								</li>
								<li class="layui-col-sm3 layui-col-xs4">
									<a href="javascript:layer.msg('暂未开放');"><i class="layui-icon">&#xe735;</i> <cite>成为赞助商</cite></a>
								</li>
								<li class="layui-col-sm3 layui-col-xs4">
									<a href="javascript:layer.msg('暂未开放');"><i class="layui-icon">&#xe63a;</i><cite>关注公众号</cite></a>
								</li>
								<li class="layui-col-sm3 layui-col-xs4">
									<a href="http://www.layui.com/doc/"><i class="layui-icon">&#xe60a;</i><cite>文档</cite></a>
								</li>
								<li class="layui-col-sm3 layui-col-xs4">
									<a href="http://www.layui.com/demo/"><i class="layui-icon">&#xe656;</i><cite>示例</cite></a>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>

		</div>
</div>

<th:block th:include="include :: footer('user')"/>

</body>
</html>